<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>华为 - 构建万物互联的智能世界</title>
    <script src="js/jquery-3.6.0.min.js"></script>
    <link rel="stylesheet" href="css/homePage.css">
    <link rel="stylesheet" href="font_2603162_0i1bdg3lj0kv/iconfont.css">
</head>

<body>
    <div class="top-nav-height">
        <div class="container">
            <div class="pull-right">
                <a href="#" class="" id="group">
                    <span class="iconfont icon-jituanshezhi"></span>
                    <span class="text">
                        集团网站
                    </span>
                    <span class="iconfont icon-xiangxia"></span>
                </a>
                <a href="#" class="" id="lang">
                    <span class="iconfont icon-yuyan-kong"></span>
                    <span class="text">选择区域/语言</span>
                    <span class="iconfont icon-xiangxia"></span>
                </a>
                <a href="login-no.html">
                    <span class="iconfont icon-denglu1"></span>
                    <span class="text">
                        登录
                    </span>
                </a>
            </div>
        </div>

        <div class="top-nav-content menu-fixed-right">
            <div class="top-nav-container">
                <div id="group_list" style="display: none;">
                    <div class="group_item">
                        <div class="active">
                            <i class="iconfont icon-gengduo" style="color: red;"></i>
                            <span style="color: #4d4d4d; font-weight: 700;">
                                集团网站
                            </span>
                        </div>

                        <p>公司介绍、新闻动态、展会活动等信息</p>
                    </div>
                    <div class="group_item">
                        <div class="active group_item_jq" onmouseover="overhoverSpan(this)"
                            onmouseout="outhoverSpan(this)">
                            <span style="text-decoration: none;">
                                消费者业务网站
                            </span>
                            <i class="iconfont icon-gengduo" style="font-weight: 700; margin-left: 0px;"></i>
                        </div>
                        <p>手机，pc和平板等智慧生活产品</p>
                    </div>
                    <div class="group_item">
                        <div class="active group_item_jq" onmouseover="overhoverSpan(this)"
                            onmouseout="outhoverSpan(this)">
                            <span style="text-decoration: none;">
                                企业业务网站
                            </span>
                            <i class="iconfont icon-gengduo" style="font-weight: 700; margin-left: 0px;"></i>
                        </div>
                        <p>企业商用产品、解决方案和云服务</p>

                    </div>

                    <div class="group_item">
                        <div class="active group_item_jq" onmouseover="overhoverSpan(this)"
                            onmouseout="outhoverSpan(this)">
                            <span>运营商网络业务网站</span>
                            <i class="iconfont icon-gengduo" style="font-weight: 700;"></i>
                        </div>

                        <p>运营商网络解决方案、产品及服务</p>

                    </div>

                    <div class="group_item">
                        <div class="active group_item_jq" onmouseover="overhoverSpan(this)"
                            onmouseout="outhoverSpan(this)">
                            <span style="text-decoration: none;">华为云网站</span>
                            <i class="iconfont icon-gengduo" style="font-weight: 700; margin-left: 0px;"></i>
                        </div>

                        <p>华为云服务及解决方案</p>

                    </div>
                </div>
                <div id="lang_list" style="display: none;">
                    <div class="lang_contact">
                        <h3>选择区域/语言</h3>
                        <div class="list-unstyled" style="display: flex;">
                            <ul>
                                <li>Australia - <a href="">English</a></li>
                                <li>France - <a href="">Français</a></li>
                                <li>Kenya - <a href="">English</a></li>
                                <li>Romania - <a href="">Română</a></li>
                                <li>Thailand - <a href="">ภาษาไทย</a></li>
                                <li>Uzbekistan - <a href="">Pусский</a></li>
                            </ul>
                            <ul>
                                <li>Belarus - <a href="">Pусский</a></li>
                                <li>Germany - <a href="">Deutsch</a></li>
                                <li>Malaysia - <a href="">English</a></li>
                                <li>Russia - <a href="">Pусский</a></li>
                                <li>Turkey - <a href="">Türkiye</a></li>
                                <li>Uzbekistan - <a href="">O’zbek</a></li>
                            </ul>
                            <ul>
                                <li>Brazil - <a href="">Portuguese</a></li>
                                <li>Italy - <a href="">Italiano</a></li>
                                <li>Mexico - <a href="">Español</a></li>
                                <li>South Africa - <a href="">English</a></li>
                                <li>Ukraine - <a href="">Українська</a></li>
                                <li>Vietnam - <a href="">Tiếng Việt</a></li>
                            </ul>
                            <ul>
                                <li>Canada - <a href="">English</a></li>
                                <li>Japan - <a href="">日本語</a></li>
                                <li>New Zealand - <a href="">English</a></li>
                                <li>Spain - <a href="">Español</a></li>
                                <li>United Kingdom - <a href="">English</a></li>
                                <li>Global- <a href="">English</a></li>
                            </ul>
                            <ul>
                                <li class="active" style="color: #000000;">
                                    <span class="iconfont icon-gengduo" style="color: #c7000b;"></span>
                                    China - <a href="">简体中文</a>
                                </li>
                                <li>Kazakstan - <a href="">Pусский</a></li>
                                <li>Netherlands - <a href="">Dutch</a></li>
                                <li>Switzerland - <a href="">English</a></li>
                                <li>United States - <a href="">English</a></li>

                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="header">
        <div class="container nav-container">
            <div class="navbar-header">
                <a href="#">
                    <img src="img/huawei_logo (1).png" alt="">
                </a>
            </div>

            <div id="hw-navbar">
                <ul class="navbar-nav">
                    <li id="geren">
                        <a href="" class="hw-navbar-text">个人及家庭产品</a>
                        <div class="nav-open" style="display: none;">
                            <div class="nav-ani">
                                <div class="container-custom">
                                    <div class="new-font-box">
                                        <div class="col-md-6">
                                            <ul class="row">
                                                <li>
                                                    <a href="">
                                                        <span class="huawei-iconfont iconfont icon-shouji"></span>
                                                        <p>手机</p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <span class="huawei-iconfont iconfont icon-iconset0229"></span>
                                                        <p>笔记本</p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <span class="huawei-iconfont iconfont icon-pad"></span>
                                                        <p>平板</p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <span class="huawei-iconfont iconfont icon-dianshi"></span>
                                                        <p>智慧屏</p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <span class="huawei-iconfont iconfont icon-VRglasses"></span>
                                                        <p>VR</p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <span class="huawei-iconfont iconfont icon-watch"></span>
                                                        <p>穿戴</p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <span class="huawei-iconfont iconfont icon-erji"></span>
                                                        <p>音频</p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <span class="huawei-iconfont iconfont icon-luyouqi"></span>
                                                        <p>路由器</p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <span
                                                            class="huawei-iconfont iconfont icon-shejiaotubiao-14"></span>
                                                        <p>EMUI</p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="">
                                                        <span class="huawei-iconfont iconfont icon-gengduo"></span>
                                                        <p>全部产品</p>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="col-md-6">
                                            <a href="">
                                                <img src="img/matex2-2x-cn2.jpg" alt="">
                                            </a>
                                        </div>
                                    </div>
                                </div>

                                <div class="nav-open-other">
                                    <div class="container-custom">
                                        <div class="row">
                                            <div>
                                                <a href="">
                                                    <span class="iconfont icon-denglu1"></span>
                                                    <span>消费者业务网站</span>
                                                    <span class="iconfont icon-xiangyou"></span>
                                                </a>
                                            </div>
                                            <div>
                                                <a href="">
                                                    <span class="iconfont icon-icon-test"></span>
                                                    <span>华为商店</span>
                                                    <span class="iconfont icon-xiangyou"></span>
                                                </a>
                                            </div>
                                            <a href="" class="btn-close-nav-ani">
                                                <span class="iconfont icon-guanbi"></span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li id="shangyong">
                        <a href="" class="hw-navbar-text">商用产品及方案</a>
                        <div class="nav-open menu-fixed-right" style="display: none;">
                            <div class="nav-ani">
                                <div class="container-custom">
                                    <div class="row">
                                        <div class="col-md-5">
                                            <h3 class="collapsed">产品
                                                <span class="iconfont icon-arrow-down"></span>
                                                <div class="line"></div>
                                            </h3>
                                            <div class="row collapse navbar-collapse" id="header-list-1">
                                                <div class="col-md-5">
                                                    <div class="list-nav">
                                                        <h4>联接</h4>
                                                        <ul class="list-unstyled">
                                                            <li><a href="">运营商网络</a></li>
                                                            <li><a href="">企业无线</a></li>
                                                            <li><a href="">企业网络</a></li>
                                                            <li><a href="">企业光传送与接入</a></li>
                                                            <li><a href="">数字能源</a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="list-nav">
                                                        <h4>云与计算</h4>
                                                        <ul class="list-unstyled">
                                                            <li><a href="">华为云</a></li>
                                                            <li><a href="">计算</a></li>
                                                            <li><a href="">数据存储</a></li>
                                                            <li><a href="">机器视觉</a></li>
                                                            <li><a href="">智能协作</a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="list-nav">
                                                        <h4 class="hidden-sm hidden-xs hidden-md">&nbsp;</h4>
                                                        <ul class="list-unstyled">
                                                            <li><a href="">鲲鹏通用计算产业</a></li>
                                                            <li><a href="">昇腾AI计算产业</a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <h3 class="collapsed">服务
                                                <span class="iconfont icon-arrow-down"></span>
                                                <div class="line"></div>
                                            </h3>
                                            <div class="list-nav collapse navbar-collapse" id="header-list-2">
                                                <ul class="list-unstyled">
                                                    <li><a href="">运营商网络服务</a></li>
                                                    <li><a href="">企业网络服务</a></li>
                                                    <li><a href="">华为云专业服务</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <h3 class="collapsed">行业解决方案<span class="iconfont icon-arrow-down"></span>
                                                <div class="line"></div>
                                            </h3>
                                            <div class="list-nav collapse navbar-collapse" id="header-list-3">
                                                <ul class="list-unstyled">
                                                    <li><a href="">华为云行业解决方案</a></li>
                                                    <li><a href="">电信行业</a></li>
                                                    <li><a href="">数字政府</a></li>
                                                    <li><a href="">智慧园区</a></li>
                                                    <li><a href="">交通行业</a></li>
                                                    <li><a href="">电力行业</a></li>
                                                    <li><a href="">金融行业</a></li>
                                                    <li><a href="">
                                                            <span>查看更多</span>
                                                            <span class="iconfont icon-xiangyou"></span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>

                                        </div>
                                        <div class="col-md-2">
                                            <h3 class="collapsed">热点话题<span class="iconfont icon-arrow-down"></span>
                                                <div class="line"></div>
                                            </h3>
                                            <div class="list-nav collapse navbar-collapse" id="header-list-4">
                                                <ul class="list-unstyled">
                                                    <li><a href="">智能体</a></li>
                                                    <li><a href="">5G，点亮未来</a></li>
                                                    <li><a href="">F5G，光联万物</a></li>
                                                    <li><a href="">自动驾驶网络</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="nav-open-other">
                                    <div class="container-custom">
                                        <div class="row">
                                            <div class="col-md-3 col-sm-12 col-xs-12">
                                                <a href="">
                                                    <span class="iconfont icon-denglu1"></span>
                                                    <span>企业业务网站</span>
                                                    <span class="iconfont icon-xiangyou"></span>
                                                </a>
                                            </div>
                                            <div class="col-md-3 col-sm-12 col-xs-12">
                                                <a href="">
                                                    <span class="iconfont icon-denglu1"></span>
                                                    <span>运营商业务网站</span>
                                                    <span class="iconfont icon-xiangyou"></span>
                                                </a>
                                            </div>
                                            <div class="col-md-3 col-sm-12 col-xs-12">
                                                <a href="">
                                                    <span class="iconfont icon-yun"></span>
                                                    <span>华为云网站</span>
                                                    <span class="iconfont icon-xiangyou"></span>
                                                </a>
                                            </div>
                                            <a href="" class="btn-close-nav-ani hidden-sm hidden-xs">
                                                <span class="iconfont icon-guanbi"></span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li id="fuwu">
                        <a href="" class="hw-navbar-text">服务支持</a>
                        <div class="nav-open help menu-fixed-right" style="display: none;">
                            <div class="nav-ani">
                                <div class="title hidden-md hidden-lg">服务支持</div>
                                <div class="mask"></div>
                                <div class="container-custom">
                                    <div class="row">
                                        <div class="col-md-3">
                                            <h3 class="collapsed">个人及家庭产品支持<span
                                                    class="iconfont icon-arrow-down"></span>
                                                <div class="line"></div>
                                            </h3>
                                            <div class="list-nav collapse navbar-collapse" id="header-list-04">
                                                <ul class="list-unstyled">
                                                    <li><a href="">在线客服</a></li>
                                                    <li><a href="">华为服务日</a></li>
                                                    <li><a href="">服务店查询</a></li>
                                                    <li><a href="">寄修服务</a></li>
                                                    <li><a href="">保修期及权益查询</a></li>
                                                    <li><a href="">备件价格查询</a></li>
                                                    <li><a href=""><span>查看更多</span>
                                                            <span class="iconfont icon-xiangyou"></span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <h3 class="collapsed">华为云服务支持<span class="iconfont icon-arrow-down"></span>
                                                <div class="line"></div>
                                            </h3>
                                            <div class="list-nav collapse navbar-collapse" id="header-list-5">
                                                <ul class="list-unstyled">
                                                    <li><a href="">智能客服</a></li>
                                                    <li><a href="">新手入门</a></li>
                                                    <li><a href="">支持计划</a></li>
                                                    <li><a href="">自助服务</a></li>
                                                    <li><a href="">云社区</a></li>
                                                    <li><a href="" class="read-more"><span>查看更多</span>
                                                            <span class="iconfont icon-xiangyou"></span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <h3 class="collapsed">企业业务支持<span class="iconfont icon-arrow-down"></span>
                                                <div class="line"></div>
                                            </h3>
                                            <div class="list-nav collapse navbar-collapse" id="header-list-6">
                                                <ul class="list-unstyled">
                                                    <li><a href="">智能客服</a></li>
                                                    <li><a href="">产品支持</a></li>
                                                    <li><a href="">软件下载</a></li>
                                                    <li><a href="">互动社区</a></li>
                                                    <li><a href="">工具</a></li>
                                                    <li><a href=""><span>查看更多</span>
                                                            <span class="iconfont icon-xiangyou"></span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <h3 class="collapsed">运营商网络支持<span class="iconfont icon-arrow-down"></span>
                                                <div class="line"></div>
                                            </h3>
                                            <div class="list-nav collapse navbar-collapse" id="header-list-7">
                                                <ul class="list-unstyled">
                                                    <li><a href="">智能客服</a></li>
                                                    <li><a href="">产品支持</a></li>
                                                    <li><a href="">Group Space</a></li>
                                                    <li><a href="">公告</a></li>
                                                    <li><a href="">华为资料直通车</a></li>
                                                    <li><a href=""><span>查看更多</span>
                                                            <span class="iconfont icon-xiangyou"></span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <a href="" class="btn-close-nav-ani hidden-sm hidden-xs">
                                            <span class="iconfont icon-guanbi"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li id="hezuo">
                        <a href="" class="hw-navbar-text">合作伙伴与开发者</a>
                        <div class="nav-open help menu-fixed-right" style="display: none;">
                            <div class="nav-ani">
                                <div class="title hidden-md hidden-lg">合作伙伴与开发者</div>
                                <div class="mask"></div>
                                <div class="container-custom">
                                    <div class="row">
                                        <div class="col-md-3">
                                            <h3 class="collapsed">合作伙伴<span class="iconfont icon-arrow-down"></span>
                                                <div class="line"></div>
                                            </h3>
                                            <div class="list-nav collapse navbar-collapse" id="header-list-8">
                                                <ul class="list-unstyled">
                                                    <li><a href="">成为合作伙伴</a></li>
                                                    <li><a href="">查找合作伙伴</a></li>
                                                    <li><a href="">Marketplace</a></li>
                                                    <li><a href="">云市场</a></li>
                                                    <li><a href=""><span>查看更多</span>
                                                            <span class="iconfont icon-arrow-right"></span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <h3 class="collapsed">培训与认证<span class="iconfont icon-arrow-down"></span>
                                                <div class="line"></div>
                                            </h3>
                                            <div class="list-nav collapse navbar-collapse" id="header-list-9">
                                                <ul class="list-unstyled">
                                                    <li><a href="">学习</a></li>
                                                    <li><a href="">华为认证</a></li>
                                                    <li><a href="">企业客户培训</a></li>
                                                    <li><a href="">华为ICT学院</a></li>
                                                    <li><a href="">华为云学院</a></li>
                                                    <li><a href=""><span>查看更多</span>
                                                            <span class="iconfont icon-arrow-right"></span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <h3 class="collapsed">云与计算开发者<span class="iconfont icon-arrow-down"></span>
                                                <div class="line"></div>
                                            </h3>
                                            <div class="list-nav collapse navbar-collapse" id="header-list-10">
                                                <ul class="list-unstyled">
                                                    <li><a href="">华为云</a></li>
                                                    <li><a href="">鲲鹏</a></li>
                                                    <li><a href="">昇腾</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <h3 class="collapsed">终端开发者<span class="iconfont icon-arrow-down"></span>
                                                <div class="line"></div>
                                            </h3>
                                            <div class="list-nav collapse navbar-collapse" id="header-list-11">
                                                <ul class="list-unstyled">
                                                    <li><a href="">开发</a></li>
                                                    <li><a href="">分发</a></li>
                                                    <li><a href="">变现</a></li>
                                                    <li><a href="">活动</a></li>
                                                    <li><a href="">开发者学院</a></li>
                                                    <li><a href="">社区</a></li>
                                                    <li><a href=""><span>查看更多</span>
                                                            <span class="iconfont icon-arrow-right"></span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <a href="" class="btn-close-nav-ani hidden-sm hidden-xs">
                                            <span class="iconfont iconfont icon-guanbi"></span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li id="guanyu">
                        <a href="" class="hw-navbar-text">关于华为</a>
                        <div class="nav-open help menu-fixed-right" style="display: none;">
                            <div class="nav-ani">
                                <div class="title hidden-md hidden-lg">关于华为</div>
                                <div class="mask"></div>
                                <div class="container-custom">
                                    <div class="row">
                                        <div class="col-md-4">
                                            <h3 class="collapsed">关于华为<span class="iconfont icon-arrow-down"></span>
                                                <div class="line"></div>
                                            </h3>
                                            <div class="list-nav collapse navbar-collapse row" id="header-list-12">
                                                <ul class="list-unstyled col-md-6">
                                                    <li><a href="">公司介绍</a></li>
                                                    <li><a href="">公司年报</a></li>
                                                    <li><a href="">公司治理</a></li>
                                                    <li><a href="">管理层信息</a></li>
                                                    <li><a href="">招贤纳士</a></li>
                                                    <li><a href="">联系我们</a></li>
                                                </ul>
                                                <ul class="list-unstyled col-md-6">
                                                    <li><a href="">可持续发展</a></li>
                                                    <li><a href="">信任中心</a></li>
                                                    <li><a href="">合规与诚信</a></li>
                                                    <li><a href="">公共政策</a>
                                                    </li>

                                                    <li><a href="">债券投资者</a></li>
                                                    <li><a href="">供应商</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <h3 class="collapsed">新闻与活动<span class="iconfont icon-arrow-down"></span>
                                                <div class="line"></div>
                                            </h3>
                                            <div class="list-nav collapse navbar-collapse" id="header-list-13">
                                                <ul class="list-unstyled">
                                                    <li><a href="">新闻</a></li>
                                                    <li><a href="">展会活动</a></li>
                                                    <li><a href="">华为直播</a></li>
                                                    <li><a href="">媒体图库</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="col-md-2">
                                            <h3 class="collapsed">发现<span class="iconfont icon-arrow-down"></span>
                                                <div class="line"></div>
                                            </h3>
                                            <div class="list-nav collapse navbar-collapse" id="header-list-14">
                                                <ul class="list-unstyled">
                                                    <li><a href="">华为技术观察</a></li>
                                                    <li><a href="">出版物</a>
                                                    </li>

                                                </ul>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <a href=""><img
                                                    class="nav-img nav-img2 pull-right hidden-xs hidden-sm lazyload loaded"
                                                    src="img/bciw-cn.jpg">
                                            </a>
                                        </div>
                                        <a href="" class="btn-close-nav-ani hidden-sm hidden-xs">
                                            <span class="iconfont icon-guanbi"></span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>

            <div class="nav-right">
                <div class="btn-shop" id="goumai">
                    <div>
                        <span class="iconfont icon-icon-test"></span>
                        <span class="text">在线购买</span>
                        <span class="iconfont icon-xiangxia" style="font-size: 12px;"></span>
                    </div>

                    <ul class="shop-nav">

                        <li class="hidden-sm hidden-xs">
                            <a href="">
                                <span class="iconfont icon-goumaiyemiande-xiaogouwuche"></span>
                                华为商城
                            </a>
                        </li>

                        <li class="hidden-lg hidden-md"><a href="">
                                <span class="iconfont icon-goumaiyemiande-xiaogouwuche"></span>
                                华为商城
                            </a>
                        </li>

                        <li>
                            <a href="">
                                <span class="iconfont icon-goumaiyemiande-xiaogouwuche"></span>
                                华为云
                            </a>
                        </li>

                    </ul>
                </div>
                <a href="" class="btn-open-search">
                    <span class="iconfont icon-sousuo"></span>
                </a>
            </div>
        </div>
    </div>

    <div id="carouselmap" class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="img/hwcloud-618-2.jpg">
                <div class="rich-text-1">
                    <a class="btn-more btn-black" href="">了解更多</a>
                </div>
            </div>
            <div class="swiper-slide">
                <img src="img/lunbo-01.jpg">
                <div class="rich-text-1">
                    <a class="btn-more btn-black" href="">了解更多</a>
                </div>
            </div>
        </div>
        <div class="slick-slide" style="width: 1898px;display: block;">
            <div>
                <div class="slide" style="width: 100%; display: inline-block;">
                </div>
            </div>
        </div>

        <div class="pagination">
            <a href="" class="">
                <div class="progress-div">
                    <div></div>
                </div>
            </a>
            <a href="" class="active">
                <div class="progress-div">
                    <div></div>
                </div>
            </a>

        </div>

    </div>


    <div id="recommendInfo">
        <div id="recommendInfo_tite">
            <h2>推荐信息</h2>
            <hr>
        </div>

        <div class="recommendInfo_list">
            <div style="flex: 6;" class="commdity">
                <div class="commdity-container">
                    <img src="img/MateView_cn.jpg" style="display: inline-block; height: 100%; width: 100%;">
                    <div class="crad_bottom" style="bottom: -40px;">
                        <div>产品</div>
                        <div>
                            <h2>HUAWEI MateView</h2>
                        </div>
                        <div style="padding-bottom: 10px;">
                            无线·原色显示器
                        </div>
                        <div>
                            <a href="" style="color: white;">
                                了解更多
                                <i class=" iconfont icon-xiangyou"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <div style="flex: 3;" class="commdity">
                <div class="commdity-container">
                    <img src="img/FreeBuds_4_cn.jpg">
                    <div class="crad_bottom">
                        <div>产品</div>
                        <div>
                            <h2>HUAWEI FreeBuds 4 无线耳机</h2>
                        </div>
                        <div style="padding-bottom: 10px;">
                            轻盈舒适，独享好声音
                        </div>
                        <div>
                            <a href="" style="color: white;">
                                了解更多
                                <i class=" iconfont icon-xiangyou"></i>
                            </a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <div class="recommendInfo_list">
            <div style="flex: 3;" class="commdity">

                <div class="commdity-container">
                    <img src="img/MateBook_16_cn.jpg" alt="">
                    <div class="crad_bottom">
                        <div>产品</div>
                        <div>
                            <h2>HUAWEI MateBook 16</h2>
                        </div>
                        <div style="padding-bottom: 10px;">
                            大显本色
                        </div>
                        <div>
                            <a href="" style="color: white;">
                                了解更多
                                <i class=" iconfont icon-xiangyou"></i>
                            </a>
                        </div>
                    </div>
                </div>

            </div>
            <div style="flex: 6;" class="commdity">
                <div class="commdity-container">
                    <img src="img/MatePad_Pro_cn2.jpg" alt="">
                    <div class="crad_bottom">
                        <div>产品</div>
                        <div>
                            <h2>HUAWEI MateBook 16</h2>
                        </div>
                        <div style="padding-bottom: 10px;">
                            大显本色
                        </div>
                        <div>
                            <a href="" style="color: white;">
                                了解更多
                                <i class=" iconfont icon-xiangyou"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="recommendInfo_list">
            <div style="flex: 3;" class="commdity">
                <div class="commdity-container">
                    <img src="img/william-xu.jpg" alt="">
                    <div class="crad_bottom">
                        <div>行业洞察</div>
                        <div>
                            <h2>迈向智能世界2030</h2>
                        </div>
                        <div style="padding-bottom: 10px;">
                            华为徐文伟发布迈向智能世界2030的九大技术挑战与研究方向
                        </div>
                        <div>
                            <a href="" style="color: white;">
                                了解更多
                                <i class=" iconfont icon-xiangyou"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div style="flex: 3;" class="commdity">
                <div class="commdity-container">
                    <img src="img/all-flash-data-center2.jpg" alt="">
                    <div class="crad_bottom">
                        <div>解决方案</div>
                        <div>
                            <h2>OceanStor 全闪存数据中心</h2>
                        </div>
                        <div style="padding-bottom: 10px;">
                            数据加速、数据安全、数据绿色节能
                        </div>
                        <div>
                            <a href="" style="color: white;">
                                了解更多
                                <i class=" iconfont icon-xiangyou"></i>
                            </a>
                        </div>
                    </div>
                </div>

            </div>
            <div style="flex: 3;" class="commdity">
                <div class="commdity-container">
                    <img src="img/digital-beijing2.jpg" alt="">
                    <div class="crad_bottom">
                        <div>案例</div>
                        <div>
                            <h2>数字北京</h2>
                        </div>
                        <div>
                            共筑城市智能体，点亮孪生新未来
                        </div>
                        <div>
                            <a href="" style="color: white;">
                                了解更多
                                <i class=" iconfont icon-xiangyou"></i>
                            </a>

                        </div>
                    </div>
                </div>


            </div>
        </div>



    </div>

    <div class="love-passon">
        <img src="img/love-passon2.jpg">
        <div class="button love-button">
            <a href="">更多活动</a>
        </div>
    </div>

    <div id="news">
        <div id="news-title">
            <h2>新闻与活动</h2>
            <hr>
        </div>

        <div id="news-conter">
            <div class="news-card">
                <div class="news-crad-tag">
                    <span>展会活动</span>
                </div>
                <div class="news-crad-img">
                    <img src="img/techwave-summit.png">
                </div>

                <div class="news-card-body">
                    <div class="news-crad-title">
                        <h4>华为云TechWave全球技术峰会（人工智能&amp;数据）</h4>
                    </div>

                    <div class="news-crad-info">
                        <span>中国，上海</span>
                        <span>2021年6月18日</span>
                    </div>

                    <div class="news-crad-synopsis">
                        峰会围绕人工智能、大数据、数据库、华为云Stack等热点话题，探讨企业智能升级的成长之道。
                    </div>
                </div>

            </div>
            <div class="news-card" style="background-color: rgb(248, 248, 248);">
                <div class="news-crad-tag">
                    <span>展会活动</span>
                </div>
                <div class="news-crad-img">
                    <img src="img/hugm2021-2.jpg" style="display: inline-block; width: 100%; height: 100%;">
                </div>

                <div class="news-card-body">
                    <div class="news-crad-title">
                        <h4> 2021年华为用户大会</h4>
                    </div>

                    <div class="news-crad-info">
                        <span>中国，东莞</span>
                        <span>2021年7月13-14日</span>
                    </div>

                    <div class="news-crad-synopsis">
                        初心不改，匠心不变，持续聆听，合作，改进，发展，与客户共赢，共同点亮数字未来！华为用户大会与您相约东莞松山湖！
                    </div>
                </div>
            </div>
            <div class="news-card news-swiper" style="background-color: rgb(248, 248, 248);">
                <div class="news-crad-tag">
                    新闻
                </div>

                <div class="swiper-container2">
                    <div class="swiper-wrapper2" style="flex-direction: column;">
                        <div class="">
                            <a href="">
                                <h4>2021 Apps UP大赛|华为陈黎芳：星光不灭，携手同行</h4>
                                <span>2021年06月10日</span>
                            </a>
                        </div>
                        <div class="">
                            <a href="">
                                <h4>华为成功完成业界首个单波超1.6T超高速现网测试</h4>
                                <span>2021年06月10日</span>
                            </a>
                        </div>
                        <div class="">
                            <a href="">
                                <h4>华为成功完成业界首个单波超1.6T超高速现网测试</h4>
                                <span>2021年06月10日</span>
                            </a>
                        </div>

                        <div class="">
                            <a href="">
                                <h4>华为以“云云协同”共推媒体融合发展 构建可信任内容生态</h4>
                                <span>2021年06月10日</span>
                            </a>
                        </div>

                        <div class="">
                            <a href="">
                                <h4>华为在中国建立其全球最大的网络安全透明中心</h4>
                                <span>2021年06月10日</span>
                            </a>
                        </div>
                    </div>
                    <!-- 如果需要滚动条 -->
                    <div class="swiper-scrollbar"></div>
                </div>
            </div>
        </div>
        <div id="news-footer">
            <div class="button">
                <a href="">更多活动</a>
            </div>
            <div class="button">
                <a href="">更多新闻</a>
            </div>
        </div>
    </div>

    <div id="footer">
        <div id="footer-title">
            <div>
                <span style="line-height: 40px;">首页</span>
            </div>

            <div style="position: absolute; right: 20px; top: 25px;" id="show-search-input">
                <i class="iconfont icon-sousuo" style="font-size: 30px;"></i>


            </div>
            <div id="footer-search">
                <input type="" name="" id="" value="">
                <a href="#">
                    <i class="iconfont icon-sousuo" style="font-size: 30px;"></i>
                </a>

                <span class="iconfont icon-guanbi" style="margin-left: 15px;" id="search-close"></span>
            </div>

        </div>

        <div id="footer-main">
            <div>
                <ul>
                    <li>
                        <h3>关于华为</h3>
                    </li>
                    <li>公司简介</li>
                    <li>可持续发展</li>
                    <li>信任中心</li>
                    <li>管理层信息</li>
                    <li>招贤纳士</li>
                    <li>查看更多</li>
                </ul>
            </div>

            <div>
                <ul>
                    <li>
                        <h3>新闻与活动</h3>
                    </li>
                    <li>新闻</li>
                    <li>展会活动</li>
                    <li>华为直播</li>
                    <li>媒体图库</li>

                </ul>
            </div>

            <div>
                <ul>
                    <li>
                        <h3>发现</h3>
                    </li>
                    <li>华为技术观察</li>
                    <li>出版物</li>

                </ul>
            </div>

            <div>
                <ul>
                    <li>
                        <h3>我们的产品</h3>
                    </li>
                    <li>个人及家庭产品</li>
                    <li>企业业务产品</li>
                    <li>运营商网络产品</li>
                    <li>华为云服务</li>

                </ul>
            </div>

            <div>
                <ul>
                    <li>
                        <h3>技术支持</h3>
                    </li>
                    <li>消费者技术支持</li>
                    <li>华为云技术支持</li>
                    <li>企业技术支持</li>
                    <li>运营商技术支持</li>
                    <li>产品安全通告</li>
                </ul>
            </div>
        </div>

        <div id="footer-bottom">
            <div id="">
                <ul>
                    <li><a href="">华为商城</a></li>
                    <li> <a href="">华为云</a></li>
                    <li><a href="">华为智能光伏</a></li>
                    <li> <a href="">产品定义社区</a></li>
                    <li><a href="">华为心声社区</a></li>
                </ul>
            </div>

            <div id="" style="display: inline-flex;justify-content: flex-end;width: 64.7%;">
                <ul>
                    <li><a href=""><i class="iconfont icon-weibo"></i></a></li>
                    <li><a href=""><i class="iconfont icon-weixin"></i></a></li>
                    <li><a href=""><i class="iconfont icon-zhihu"></i></a></li>
                    <li><a href=""><i class="iconfont icon-toutiaoyangshi"></i></a></li>
                </ul>
            </div>

        </div>
        <div id="" class="copy">
            <ul>
                <li><a href="">©2021 华为技术有限公司</a></li>
                <li><a href="">粤A2-20044005号 粤公网安备</a></li>
                <li style="border-right: 1px solid #666666;"><a href="">44030702002388号</a></li>
                <li><a href="">联系我们</a></li>
                <li><a href="">法律声明</a></li>
                <li><a href="">隐私保护</a></li>
                <li><a href="">除名查询</a></li>
            </ul>

        </div>
    </div>

    <div id="right-nav-fixed">
        <div style="background-color: #d6565f; padding: 2px; cursor: pointer;">
            <i class="iconfont icon-kefu"></i>
        </div>

        <div style="background-color: #a2a2a2;padding: 2px;margin-top: 9px;">
            <a href="#header">
                <i class="iconfont icon-huidaodingbu"></i>
            </a>
        </div>
    </div>
</body>
<script src="js/homePage.js"></script>

</html>